<!--
 * @Author: Wangtao
 * @Date: 2020-10-22 19:27:39
 * @LastEditors: Wangtao
 * @LastEditTime: 2021-04-16 17:12:35
-->
<template>
  <continer>
    <template slot="content">
      <el-form
        class="m7-form"
        :label-position="labelPosition"
        :rules="rules"
        :model="formData"
        size="mini"
        ref="nodeForm"
      >
        <el-form-item label="节点名称" prop="name">
          <el-input v-model="formData.name" size="mini" maxlength="40"></el-input>
        </el-form-item>
        <!--<el-form-item label="开始语音" prop="name">-->
          <!--<el-input v-model="formData.startRecordName" size="mini" disabled maxlength="40"></el-input>-->
        <!--</el-form-item>-->
        <el-form-item prop="timeout">
          <span slot="label">
           录音超时
            <el-tooltip placement="top">
              <div slot="content">录音超时系统会自动播放超时语音，然后自动挂机。</div>
              <i class="V7_iconfont V7_iconV7tubiao_bangzhu-42 tip-span"></i>
            </el-tooltip>
          </span>
          <el-input v-model="formData.timeout" type="number" size="mini">
            <template slot="append">秒</template>
          </el-input>
        </el-form-item>
        <!--<el-form-item label="超时录音" prop="name">-->
          <!--<el-input v-model="formData.timeOutRecordName" size="mini" disabled maxlength="40"></el-input>-->
        <!--</el-form-item>-->
      </el-form>
    </template>
    <template slot="oprate">
      <el-button @click="cancel" size="mini">取消</el-button>
      <el-button type="primary" @click="onSubmit" size="mini">确定</el-button>
    </template>
    <template slot="remove">
      <el-button @click="deleteNode" type='danger' size="mini">删除</el-button>
    </template>
  </continer>
</template>

<script lang="ts">
import { Component, Mixins } from 'vue-property-decorator'
import continer from '@/components/configCommon/ui-modules/drawer-container.vue'
import nodeEidtMixins from './nodeEidtMixins'
import remoteSelect from '@/components/configCommon/operate-modules/remoteSearch/index.vue'
@Component({
  name: 'ivr-node-play',
  components: { continer, remoteSelect }
})
export default class extends Mixins(nodeEidtMixins) {
}
</script>

<style lang="stylus" scoped>
  .audioProgress
    margin 0 10px 0
  .tip-span
    color $icon-gray
    cursor pointer
    margin-left 4px
    font-size 14px
</style>
